body {
background-color:#fff;
color:#ff6900;
font-family: Verdana;
}
a {text-decoration:none;color:#ff6900}
a:hover {text-decoration:underline}
/* -- Responsive Image -- */
.wrapper {
width:860px;
margin:30px auto;
}
img{
height:auto;
width:auto;
max-width:100%;
border:0;
}
/* -- Rsponsive Video -- */
.ResponsiveWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.ResponsiveWrapper iframe, video, object, embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* -- Flexible Grind / Layout -- */
#wrap{
width:860px;
background-color:#fff;
margin:0 auto;
padding:0 auto;
}

.logo{float:left;margin:0;display:inline;color:#fff!important;}

.logo:hover{background-color:#fff;opacity:.5;text-decoration:none}
.logo{background-color:#fff; border-radius: 0 0 0 3px}

h2, h3{
padding:0 10px;
}
.header{
height:90px; 
width:auto;
background-color:#fff;
}

#headright{
float: right;
padding:4px 0 0 0;
overflow:hidden;
}
.post{
font-style:bold;
color:#ff6900;
padding:10px 2px;
margin:auto;
background: ;
border-bottom: 1px solid #ffa600
}
#form{
padding:7px 10px 3px 4px;
float:right;
color:#000;
overflow:;
}
.searchBox{
border:1px solid #ff6900;
border-radius:4px 0 0 4px;
padding:4px;
margin:0;
color:#ff6900;
}
.searchBox:focus{
color:#333;
}
.button{
display: inline-block;
zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
*display: inline;
vertical-align: baseline;
margin: 0 2px 0 -4px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
padding: 4px 10px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
border-radius: 0 4px 4px 0;
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #fff;
border: solid 1px #ff6900;
background: #ff6900;
background: -webkit-gradient(linear, left top, left bottom, from(#ff6900), to(#ff6900));
background: -moz-linear-gradient(top,  #ff6900,  #ff6900);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6900', endColorstr='#ff6900');
}
.button:hover{
text-decoration: none;
background: #ffa600;
background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#ffa600));
background: -moz-linear-gradient(top,  #ffa600,  #ffa600);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ffa600');
transition:all 0.8s ease-in-out;
-webkit-transition:all 0.8s ease-in-out;
-moz-transition:all 0.8s ease-in-out;
-o-transition:all 0.8s ease-in-out
}
.button:active{
position: relative;
top: 1px;
color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#ffa600));
background: -moz-linear-gradient(top,  #ffa600,  #ffa600);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ffa600');
}


.main-wrap{
background-color:#fff;
}     
.content{
float:right;
width:60%;
background-color:#fff;
margin: 20px;
padding: 20px;
background: 
}
.sidebar{
float:left;
width:30%;
margin: 20px auto;
background-color: ;
margin-bottom:10px;
padding: ;
border-right:4px solid #ff6900
}

.menu-sidebar {
margin-bottom:60px;
}
.menu-sidebar ul {
position:relative;
float:right;
background: ;
padding-bottom:20px;
}
.menu-sidebar li {
position:relative;
float:right;
display: inline-block;
}

.menu-sidebar li a {
position:relative;
display: inline-block;
float:right;
margin:5px 0 5px 20px;
background-color:#ffa600;
color:#fff;
text-decoration:none;
padding:10px 30px;
-moz-border-radius:10px 0 0 10px;
-khtml-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
}
.menu-sidebar li a:hover {
background-color:#ff6900;
color:#fff;
text-decoration:none;
-moz-border-radius:10px 0 0 10px;
-khtml-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
}
.menu-sidebar ul li #active{
background-color:#ff6900;
color:#fff;
text-decoration:none;
-moz-border-radius:10px 0 0 10px;
-khtml-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
}

.recent{
overflow:hidden;
width:100%;
height:;	`
background-color:#fff;
margin-bottom:10px;
padding:0 0 0 8px;
border:0px
}
.blogroll{
float:left;
width:auto;
height:auto;
background-color:;
margin-bottom:20px;
padding:0;
border:0
}

.blogroll a {
display: inline-block;
float:left;
margin:2px;
background-color:#999;
color:#fff;
border:1px solid #999;
text-decoration:none;
padding:8px 12px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10;
}
.blogroll a:hover {
background-color:#ffa600;
color:#fff;
text-decoration:none;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#ads.inactive{display:block}
#ads-top{display:none}
#ads-top {
float:left;
margin: ;
background-color:#fff;
color:#ff6900;
text-decoration:none;
padding:10px;
border:1px solid #ff6900;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.ads {
float:left;
margin-bottom:10px;
background-color:#fff;
color:#ff6900;
border:1px solid #ff6900;
text-decoration:none;
padding:10px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10;
}


.footer{
clear:both;
height:auto;
padding:15px;
text-align:center;
background-color:#fff;
border-top:4px solid #ff6900;
color:#ff6900;
text-decoration:none;
}
.footer a{
color:#ff6900;
text-decoration:none;
}
.footer a:hover{
color:#ff6900;
text-decoration:underline;
}
/* -- Menu Navigation -- */
#menu-mobile{display:none}
#menu-desktop{display:block}
#menu-desktop{color:#ff6900;font-family: 'Open Sans', Helvetica, Arial, sans-serif;padding:0;overflow:hidden;right:0;width:100%; overflow:hidden;background:#fff;border-bottom:4px solid #ff6900}
#menu-desktop ul{list-style:none;margin:0;padding:0;}
#menu-desktop ul li{font-weight:bold;float:left;text-align:center;background:#fff}
#menu-desktop ul li{}
#menu-desktop ul li a{text-decoration:none;display:block;color:#ff6900;line-height:18px;font-size:20px;padding:13px 0; padding:15px 25px 15px 25px}
#menu-desktop ul li a:hover{text-decoration:none;color:#fff;cursor:pointer;background:#ff6900; -moz-border-radius:10px 10px 0 0; 
-khtml-border-radius:10px 10px 0 0; 
-webkit-border-radius:10px 10px 0 0; 
border-radius:10x 10px 0 0;
padding:15px 25px 15px 25px}
#menu-desktop ul li #active{text-decoration:none;color:#fff;cursor:pointer;background:#ff6900;margin:0 2px 0 0; -moz-border-radius:10px 10px 0 0; 
-khtml-border-radius:10px 10px 0 0; 
-webkit-border-radius:10px 10px 0 0; 
border-radius:10x 10px 0 0;
padding:15px 25px 15px 25px}

#menu-top.inactive{display:none}
#menu-top{display:block}
#menu-top a {
position:relative;
display: inline-block;
float:none;
margin:2px 0 2px 2px;
background-color:#ffa600;
color:#fff;
text-decoration:none;
padding:10px 30px;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#menu-top a:hover {
background-color:#ff6900;
color:#fff;
text-decoration:none;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
#menu-top #active{
background-color:#ff6900;
color:#fff;
text-decoration:none;
-moz-border-radius:10px;
-khtml-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
/***************************************************************/
.image_kiri{
	float:left;
	padding-left:2px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:4px
}
.image_kanan{
	float:right;
	padding-left:10px;
	padding-top:10px;
	padding-right:2px;
	padding-bottom:4px
}
/***************************************************************/


/* -- SOCIAL STYLE --*/
.social-facebook,.social-pinterest,.social-twitter,.social-googleplus,.social-rss{float:left;margin:0; padding:8px 0; display:inline;color:#fff!important;width:10%; text-align:center}
.social-facebook:hover,.social-pinterest:hover,.social-twitter:hover,.social-googleplus:hover,.social-rss:hover{opacity:.5;text-decoration:none}
.social-facebook{background-color:#3B5998}
.social-twitter{background-color:#00ACED}
.social-pinterest{background-color:#CB2027}
.social-rss{background-color:#FF8300; border-radius: 0 0 3px 0}
.social-googleplus{background-color:#D14836; border-radius: 0 0 0 3px}
.rss-24,.pinterest-24,.facebook-24,.twitter-24,.googleplus-24{background:url(https://lh4.googleusercontent.com/-J_uL6_j8c_M/Ud6raBhFgWI/AAAAAAAAAjw/LaFGZEh_SvA/h600/social-sprite.png) no-repeat;width:20px; height:20px; display:inline-block;vertical-align:text-top;margin-top:-3px;text-align:center}
.rss-24{background-position:0 0}
.pinterest-24{background-position:0 -50px}
.facebook-24{background-position:0 -100px}
.twitter-24{background-position:0 -150px}
.googleplus-24{background-position:0 -200px}



/* -- RESPONSIVE DENGAN MEDIA QUERIES -- */
@media screen and (max-width:768px){
#wrap{width:auto}
}
@media screen and (max-width:768px){
.wrapper {float:none;display:block;width:100%;}
.content{float:none;display:block;width:90%;margin-top:10px;}
.sidebar{float:none;width:100%;border-right:0;margin:auto;}
.menu-sidebar{display:none}
#menuside-mobile.active{}
#menu-top.inactive {display:block;float:left;border-bottom:4px;width:100%}
#ads.active{}
#ads-top.inactive {display:block;float:left;margin:10px;width:95%}
#ads-top.inactive a:hover{display:block;float:none;width:auto}

.searchBox{border:1px solid #fff;border-radius:4px 0 0 4px;padding:4px;margin:0;background:#ff6900;color:#fff;}
.searchBox:focus{color:#ff6900;background:#fff;}
.button{display: inline-block;zoom: 1;display: inline;vertical-align:baseline;margin: 0 2px 0 -4px;outline: none;cursor: pointer;text-align: center;text-decoration: none;padding: 4px 10px;text-shadow: 0 1px 1px rgba(0,0,0,.3);border-radius: 0 4px 4px 0;box-shadow: 0 1px 2px rgba(0,0,0,.2);color: #fff;border: solid 1px #fff;background: #ff6900;background: -webkit-gradient(linear, left top, left bottom, from(#ff6900), to(#ff6900));background: -moz-linear-gradient(top,  #ff6900,  #ff6900);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6900', endColorstr='#ff6900');}
.button:hover{text-decoration: none;background: #ffa600;
background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#ffa600));background: -moz-linear-gradient(top,  #ffa600,  #ffa600);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ffa600');transition:all 0.8s ease-in-out;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out}
.button:active{position: relative;top: 1px;color: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#ffa600), to(#ffa600));
background: -moz-linear-gradient(top,  #ffa600,  #ffa600);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa600', endColorstr='#ffa600');}

#menu-mobile{height:26px;text-align:center; cursor: pointer;display:block;margin:0;width:100%;background:#ff6900;padding-bottom:3px;padding-top:7px;border-bottom:1px solid #fff; 
-moz-border-radius:10px 10px 0 0; 
-khtml-border-radius:10px 10px 0 0; 
-webkit-border-radius:10px 10px 0 0; 
border-radius:10x 10px 0 0
}
#menu-mobile.active{}
#menu-desktop.inactive {display: none;float:left}
#menu-desktop.active {display:block;background:#ff6900;margin-top:0px;padding:0; width:100%}
#menu-desktop.active ul{list-style:none;margin:0;padding:0}
#menu-desktop.active ul li{font-weight:normal; width:100%; text-align:left;background:#ff6900;border-bottom:1px solid #fff;}
#menu-desktop.active ul li a{display:block;color:#fff;line-height:5px;font-size:14px}
#menu-desktop.active ul li a:hover{text-decoration:none;color:#fff;cursor:pointer;background:#de4939;-moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0;}
}
#menu-desktop.active ul li #active{text-decoration:none;color:#fff;cursor:pointer;background:#de4939;-moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0;}
}